import 'package:flutter/material.dart';
import 'package:flutter_member/stytle/SvgImg.dart';
import 'package:flutter_member/widget/custom_appbar.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_svg/flutter_svg.dart';

class AboutRulin extends StatefulWidget {
  @override
  _AboutRulinState createState() => _AboutRulinState();
}

class _AboutRulinState extends State<AboutRulin> {
  List<String> list = ['runLin', 'HuiZhi', 'GuoRen', 'ZhuXinShuan'];
  List<dynamic> listAboutRunlin = [];

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    listAboutRunlin.add({
      'content': '''
      \n儒林教育成立與2013年3月，由5名對教育充
      \n滿熱忱的年輕人創辦，立志為澳門教育界作貢
      \n獻，短短兩年間儒林教育分社開至7間，感謝家
      \n長對我們的支持和鼓勵，讓我們有了對教育事
      \n業的使命感並在教育道路上走得更好更遠的決
      \n心，為澳門莘莘學子學子提供高素質教育作貢
      \n獻。同年與澳門教育青年局合作開設暑期活動
      \n課程，得到政府部門的肯定，奠定儒林教育在
      \n幼小教育品牌的形象。
      ''',
      'year': '2014',
      'color': 0xff2D7FC7
    });
    listAboutRunlin.add({
      'content': '''
      \n2015年是豐收的年份，這年儒林教育團隊
      \n榮獲“澳門青年創業嘉許大獎2015“優異獎
      \n”，分社增開至12間，加盟商爭相恐後的希
      \n望加入我們的教育大家廳，也許是我們用心
      \n教學和成功的辦學經驗吸引了一群對教育同
      \n樣有熱忱的教育工作者，這時我們在選擇加
      \n盟商時條件更加嚴謹，對加盟教育工作者的
      \n各方面都經過細心的篩選和調察，力求保證
      \n我們品牌聲信力亦為學生和學生家長負責的
      \n態度。同年更得到社會媒體關注受訪登報。
      ''',
      'year': '2015',
      'color': 0xff93BB24
    });
    listAboutRunlin.add({
      'content': '''
      \n2016年是收穫喜悅的一年，儒林分社增設至
      \n20間，成為澳門最大型補習教育連鎖，奠定
      \n我們在澳門教育界的龍頭地位。遇上經濟危
      \n機，儒林教育迎難以上，堅持用心守護每一
      \n位學生，做好提高學生成績的工作，學生優
      \n異的成績單就是我們用心工作的最好見證，
      \n當然我們也關心學生的身心發展，常常與學
      \n生和家長溝通，我們更像是家長、學生和學
      \n校的溝通橋樑。這一年我們更統一完善了各
      \n分社的經營，為客戶提供更優質的服務。
      ''',
      'year': '2016',
      'color': 0xffFFC82C
    });
  }

  @override
  Widget build(BuildContext context) {
    return CustomAppBar(
      title: '關於儒林教育',
      hight: 79,
      upperColor: 0xff2D7FC7,
      lowerColor: 0xffE5EEF6,
      body: Container(
        alignment: Alignment.topCenter,
        child: SingleChildScrollView(
          child: _setSettings(),
        ),
      ),
    );
  }

  Widget _setSettings() {
    return Container(
        width: ScreenUtil().setWidth(335),
        margin: EdgeInsets.only(top: 40, bottom: 20),
        child: Column(
          children: [
            Row(
//            mainAxisAlignment: MainAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              mainAxisSize: MainAxisSize.max,
              children: [
                SvgPicture.string(SvgImg.runLin),
                SvgPicture.string(SvgImg.HuiZhi),
                SvgPicture.string(SvgImg.GuoRen),
                SvgPicture.string(SvgImg.ZhuXinShuan)
              ],
            ),
            SizedBox(
              height: 20,
            ),
            Stack(
              children: [
                Container(
                  decoration: BoxDecoration(
                    color: Color(0xffE5EEF6),
                    borderRadius: BorderRadius.all(Radius.circular(18)),
                    boxShadow: [
                      BoxShadow(
                        color: Color(0xffedf2f9),
                        blurRadius: 5, //阴影范围
                        spreadRadius: 6, //阴影浓度
                      ),
                    ]
                  ),
                ),
                Container(
                  margin: EdgeInsets.only(top: 5),
                  alignment: Alignment.center,
                  decoration: BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.all(Radius.circular(18)),
                      boxShadow: []),
                  child: Column(
                    children: listAboutRunlin
                        .map((e) => getItem(
                            year: e['year'],
                            color: e['color'],
                            conent: e['content']))
                        .toList(),
                  ),
                ),
              ],
            ),
          ],
        ));
  }

  Widget getItem({String year, num color, String conent}) {
    return Container(

      child: Row(
        children: <Widget>[
          Container(
            height: 220,
            width: 30,
            child: leftItem(year: year, color: color),
          ),
          Padding(
            padding: const EdgeInsets.only(left: 10),
            child: rightItem(conent: conent),
          ),
        ],
      ),
    );
  }

  Widget leftItem({String year, num color}) {
    return Stack(
      children: <Widget>[
        Padding(
          padding: EdgeInsets.only(left: 1),
          child: VerticalDivider(
            thickness: 2,
          ),
        ),
        Padding(
            padding: EdgeInsets.only(left: 0, top: 25),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Container(
                  width: 30,
//                padding: EdgeInsets.only(right: 5),
                  child: Text(year,style: TextStyle(
                    color: Color(color),
                    fontSize: ScreenUtil().setSp(13)
                  ),),
                ),
                Container(
                  width: ScreenUtil().setWidth(7),
                  height: ScreenUtil().setHeight(7),
                 margin: EdgeInsets.only(right: 12),
                  decoration: BoxDecoration(
                    shape: BoxShape.circle,
                    color: Color(color),
                  ),
                ),
              ],
            )),
      ],
    );
  }

  Widget rightItem({String conent}) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        Text(
          conent,
          style: TextStyle(
              color: Color(0xff9C9C9C),
              fontSize: ScreenUtil().setSp(13),
              fontWeight: FontWeight.w500),
          maxLines: 13,
          overflow: TextOverflow.ellipsis,
          softWrap: true,
        ),
      ],
    );
  }
}
